<template>
  <div class="feedback1">
   <headerNav>
         <div class="return"></div>
         <div class="feedback">问题反馈</div>
   </headerNav>
   <textarea placeholder="请说出你的问题,我们将第一时间处理" class="area"></textarea>
   <div class="commit_btn">提交</div>
   <div class="phone">客服电话:37409589</div>
  </div>
</template>

<script>
import headerNav from '@/components/header_nav'
export default {
  name: 'feedback',
  components:{
    headerNav
  },
  data () {
    return {
    }
  },
  mounted(){
  },
  methods:{
  }
}
</script>
<style scoped>
.me{width: 100%;height: 100%;background-color: #f0f0f0}
.me_header{width: 100%;height: 112px;display: flex;position: relative;background-image: -webkit-linear-gradient(top,#3583f1,#1862e4);background-image: linear-gradient(-180deg,#3583f1,#1862e4);}
.area{width:335px;height: 146px;padding:10px;outline: none;margin: 30px 11px;border: 1px solid #979797; border-radius: 8px; resize: none;}
.phone{text-align: center;width: 100%;color: #9b9b9b;font-size: 12px;padding: 20px 0;}
.commit_btn{background-color: #3583f1;border-radius: 5px;line-height: 46px;width: 90%;text-align: center;font-size: 18px;color: #fff;margin-bottom: 20px;margin-left: 5%;}
.feedback{width: 100%;height: 100%;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-image: linear-gradient(-180deg,#3583f1,#1862E2);border-bottom: 1px solid #3583f1;}
.return{position: absolute;width: 30px;height: 30px;top: 10px;left: 5px;}
.return:before{content: "";position: absolute;width: 12px;height: 12px;border: 1px solid #ccc;border-width: 1px 0 0 1px;-webkit-transform: rotate(315deg);-ms-transform: rotate(315deg);transform: rotate(315deg);top: 8px;left: 7px;}
</style>
